windows下抓包工具whistle的安装与使用

一、简介

whistle是一款基于Node的跨平台web调试代理工具。主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应，也可作为HTTP代理服务器使用。
在调试移动端项目时，我们无法像在Chrome开发工具下那样看到请求、日志、DOM结构等。当然，使用vConsole可以解决以上问题，不可否认vConsole能满足移动端调试的大多数场景，并且十分便利。但是vConsole必须要作为一款插件注入项目代码中，这就有了局限性。whistle相比之下就没有限制。whistle的功能十分强大，本文只介绍安装入门。

二、安装

1. 安装Node。（不再介绍）
2. 安装whistle。

   npm install -g whistle

3. 启动whistle
   w2 start
4. 配置代理
   推荐安装Chrome代理插件SwitchyOmega。
   第一种安装方式是通过FQ。
   第二种安装方式是安装谷歌访问助手，有了谷歌访问助手便可以在谷歌商店下载软件以及使用google搜索引擎。安装完成SwitchyOmega之后，配置代理。官网介绍非常详细。
   移动端调试时，移动设备要与PC在同一WiFi下，并且要给移动设备网络配置代理，代理服务器是PC的IP地址，端口号为PC上代理服务器配置的端口号
5. 访问 配置页面
   域名访问http://local.whistlejs.com/，或者IP+端口访http://127.0.0.1:8899/
6. HTTPS证书安装
   首先是windows下安装根证书，然后移动设备(以ios为例)在代理网络环境下，Safari地址栏输入rootca.pro，安装完成之后需要手动信任根证书。设置-通用-关于本机-证书信任设置下设置信任根证书。
   在 配置页面 导航栏的HTTPS选项中，勾选Capture HTTPS CONNECTs，即可抓取HTTPS请求。然后在移动设备访问页面时，即可在 配置页面 的Network中看到请求。

PS:本文只是对安装入门做了粗略总结，对部分注意细节进行阐述。关于whistle更详细介绍、更多的功能请移步官网。